<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>订单详情</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/common1.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/myshop.css">
    <style>
    	.addstyle{
    		background: #fff;
            position: initial;
            margin-top: 0;
   		    margin-bottom: 0rem;
    	}
    	.classify-ul{
    		   
   				 z-index: 11;
  			  position: relative;
    	}
    	.classify-ul li{
    		display: inline-block;
  			  width: 4rem;
 		   /* background: blue; */
  			  font-size: 0.6rem;
   			 text-align: center;
    	}
    </style>
</head>
<body>
<!--头部-->
<header class="aui-bar aui-bar-nav" id="aui-header" style="position:fixed;">
    <div class="aui-col-xs-3 my-col-xs-3 back-member">
        <i class="aui-iconfont aui-icon-left"></i>
    </div>
    <div class="aui-title my-aui-title">订单详情</div>
</header>
<section style="margin-top:2rem;">


   
        <div id="dis-list-vessel">
            <script type="text/x-handlebars-template" id="my-shop-template">
                {{#each this}}
				
					<!--<a onclick="jqdetail('{{productId}}')" class="display-box">-->
				    <a class="display-box">
                    <div class="dis-list-box" data-shopid="{{id}}">
                        <div class="dis-shop-img">
                            <img src="../images/yhjloading.jpg" data-src="{{skuImgUrl}}" alt="">
                          
                        </div>
                        <div class="dis-list-content">

								<div class="dis-shop-detail" style="width:80%;float:left;">
                              		  <span class="hongbao" style="display:none;">红包{{productHongbao}}元</span>
                               		 <!--<span class="is-baoyou">{{exemption isServenBack}}</span>-->
                               		 <span class="shop-list-name">{{skuName}}</span>
                           		 </div>
								

                            <div class="sales-price">
                            <div class="dis-price" >
                                <span>价钱：<b>¥{{skuPrice}}</b></span>
                             
                                <span>销量：{{skuNum}}</span>
                            </div>
                              
                        <!--    <div class="dis-del-sale" style="margin-top: 1vh">
                                <div class="dis-sale" style="width:auto;">
                                    <span style="margin-left:0;padding: 0 0.5rem;">红包券{{productHongbao}}元</span>
                                </div>
                                <div class="dis-sale now-tuiguang">
                                    <span>立即分享</span>
                                </div>
                            </div>-->

                        </div>
                    </div>
                    </div>
                </a>
                {{/each}}
            </script>
        </div>
    </section>
    <div class="loading">加载更多...</div>
    <div class="no-info">没有更多数据了...</div>
    <!--立即分享-->
  <!--立即分享-->
    <section class="wxmass-sends">
        <section class="wxmass-sends-item">
            
            <ul class="wxmass-item-list">
                <li class="share-firends">
                    <div class="wxmass-item-list-img">
                        <img src="../images/wx.png" alt="">
                        <p style="text-align:center;margin-top: 0.1rem;">微信</p>
                    </div>
                   
                </li>
                <li class="share-firends-quan">
                    <div class="wxmass-item-list-img">
                        <img src="../images/friends.png" alt="">
                         <p style="text-align:center;margin-top: 0.1rem;">朋友圈</p>
                    </div>
                    
                </li>
            </ul>
            
            <div class="wxmass-item-title"> 取消分享 </div>
        </section>
    </section>

    <div class="mask"></div>
    <!--分享层-->
    <section class="my-share">
        <ul>
            <li class="my-share-li share-friends">
                <div class="my-share-li-img">
                    <img src="../images/wx.png" alt="">
                     <p style="text-align:center;margin-top: 0.1rem;">微信</p>
                </div>
               
            </li>
            <li class="my-share-li share-url">
                <div class="my-share-li-img">
                    <img src="../images/lj.png" alt="">
                    <p style="text-align:center;margin-top: 0.1rem;">复制链接</p>
                </div>
                
            </li>
            <!--<li class="my-share-li share-erweima">-->
                <!--<div class="my-share-li-img">-->
                    <!--<img src="../images/ewm.png" alt="">-->
                <!--</div>-->
                <!--<p>二维码</p>-->
            <!--</li>-->
        </ul>
        <div class="my-share-del1">取消分享</div>
    </section>
    <!--删除商品层-->
    <section class="myshop-del">
        <section class="myshop-del-item">
            <!--标题-->
            <div class="item-text"><span>是否删除该商品</span></div>
            <!--删除商品详情-->
            <div class="item-detail">
                <div class="item-detail-left"><img src="../images/22.jpg" alt=""></div>
                <div class="item-detail-right"><p><span>红包20:00元</span>我爱北京天安我爱北京天安门我爱北京天安门我爱北京天安门我爱北京天安门门我爱北京天安门我爱北京天安门我爱北京天安门</p></div>
            </div>
            <!--取消删除选项-->
            <div class="item-cal-del">
                <div class="item-cancel">取消</div>
                <div class="item-del">确认删除</div>

            </div>
        </section>
    </section>
    <!--店铺分享层-->
    <section class="myshop-share">
        <section class="myshop-share-item">
            <!--标题部分-->
            <div class="myshop-share-item-title">
                <p><b>店铺: </b>小一的店铺</p>
                <span class="zhang">共9张</span>
                <span class="close">关闭</span>
            </div>
            <!--图片-->
            <div class="myshop-share-item-img">
                <img src="../images/banner1.png" alt="">
            </div>
            <!--二维码-->
            <div class="myshop-share-item-code">
                <div class="myshop-item-code">
                    <img src="../images/22.jpg" alt="">
                </div>
                <div class="myshop-item-code-text">
                    <div id="share-erweima"></div>
                    <span>扫描或微信长按识别二维码</span>
                </div>
            </div>
            <!--保存到相册-->
            <div class="myshop-share-item-deposit">
                <img src="../images/deposit.png" alt="">
            </div>
        </section>
    </section>
</section>
<section class="share-loading">
    <img src="../images/yhjloading.jpg" alt="">
</section>
<script src="../js/jquery-3.0.0.min.js"></script>
<!--<script src="../js/api.2.0.js"></script>-->
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/config.js"></script>
<script src="../js/function.js"></script>
<script src="../js/common.js"></script>
<script src="../js/alert.js"></script>
<script src="../js/qrcode.min.js"></script>
<script src="../js/aui-lazyload.js"></script>
<script src="../js/acheve_detail.js"></script>
</body>
</html>